let product_vm = new Vue({
    el:".grid",//管理瀑布流元素
    data:{
        p_arr:[]
    },
    created:function () {
        let url = "/product/selectforindex";
        if (location.search.indexOf("cid")!=-1){//包含cid
            //得到地址栏里面的分类id  ?cid=5
            let cid = location.search.split("=")[1];
            url = "/product/selectByCid?cid="+cid;
        }else if(location.search.indexOf("kw")!=-1){
            let kw = location.search.split("=")[1];
            url = "/product/selectByKw?kw="+kw;
        }
        axios.get(url).then(function (response) {
            product_vm.p_arr = response.data;
        })

    },
    updated:function () {//当Vue管理的变量发生改变时执行的方法
        //瀑布流初始化相关代码
        $(".grid").imagesLoaded().progress(function () {
            $(".grid").masonry({
                itemSelector:".grid-item",
                columnWidth: 210
            })

            //给图片添加鼠标移入移出事件
            $(".grid-item").hover(function () {//鼠标移入
                    //$(this) 得到移入的div
                    //.childre() 得到div里面的蓝条div
                //fadeIn() 淡入动画
                $(this).children("div").stop().fadeIn(500);
            },function () {//鼠标移出
                $(this).children("div").stop().fadeOut(500);
            });
        });
    }
})